<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:c="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
    <div th:replace="common/IncludeTop">
    </div>

    <div id="Content" align="center">
        <div id="BackLink">
            <a href="/catalog/viewAdminmain">Return to Main Menu</a>
        </div>

        <form action="/adminCatalog/addProduct" method="post" enctype="multipart/form-data">
            <table align="center">
                <caption>ADD PRODUCT</caption>
                <tr>
                    <th>Product ID</th>
                    <td><input type="text" name="productId"></td>
                </tr>
                <tr>
                    <th>Category</th>
                    <td>
                        <select name="category">
                            <option value="CATS" th:text="CATS"></option>
                            <option value="BIRDS" th:text="BIRDS"></option>
                            <option value="FISH" th:text="FISH"></option>
                            <option value="DOGS" th:text="DOGS"></option>
                            <option value="REPTILES" th:text="REPTILES"></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>Name</th>
                    <td><input type="text" name="name"></td>
                </tr>
                <tr>
                    <th>Image</th>
                    <td><input type="file" name="file"/></td>
                </tr>
                <tr>
                    <th>Image Describe</th>
                    <td>
                        <input type="text" name="descnword"><br>
                    </td>
                </tr>
            </table>

            <input th:type="submit" th:value="'Add This Product'" th:id="submit" >
        </form>
    </div>

    <div th:replace="common/IncludeBottom">
    </div>
</div>
</body>
</html>